<template>
  <footer class="footer">
    <ul>
      <!-- router-link 默认会渲染为 a 标签
      使用tag属性设置 转换的标签 -->
      <router-link to="/home" tag="li">
        <span class="iconfont icon-shouye"></span>
        <p>首页</p>
      </router-link>
      <router-link to="/kind" tag="li">
        <span class="iconfont icon-leimupinleifenleileibie"></span>
        <p>分类</p>
      </router-link>
      <router-link to="/cart" tag="li">
        <span class="iconfont icon-shopping-cart"></span>
        <p>购物车</p>
      </router-link>
      <router-link  to="/user" tag="li">
        <span class="iconfont icon-wode"></span>
        <p>我的</p>
      </router-link>
    </ul>
  </footer>
</template>
